<template>
    <a-drawer v-model:visible="LAYER.visible" :title="LAYER.title" :width="LAYER.width"
              :closable="LAYER.closable" :mask-closable="LAYER.maskClosable" :esc-to-close="LAYER.escToClose"
              :unmount-on-close="LAYER.unmountOnClose" :footer="LAYER.footer" :ok-text="LAYER.okText"
              :ok-loading="LAYER.okLoading" :cancel-text="LAYER.cancelText" @close="onCancel">
        <a-typography>
            <a-typography-title :heading="2" style="text-align: center">{{ record.title }}</a-typography-title>

            <a-divider/>
            <div   style="padding: 12px" v-html="record.content"></div>


        </a-typography>
    </a-drawer>
</template>
<script setup lang="ts">

import {LocalDrawer} from "@/libs/core";

const props = defineProps({record: {type: Object, required: true}})
const emit = defineEmits(['cancel'])
const service = new LocalDrawer(emit)
const {LAYER, onCancel} = service
LAYER.title = '预览通知'
LAYER.width=1024
</script>
